import Vue from 'vue'
import Router from 'vue-router'
// 定义一个hellowrold单页组件  地址是 @指的是根路径（src）下面的components下面的hellowrold.vue
// import HelloWorld from '@/components/HelloWorld'
// 使用异步组件的时候 注释掉
// import home from '@/pages/home/home'
// city文件夹找city组件
// import city from '@/pages/city/city'
// 详情页
// import detail from '@/pages/detail/detail'
Vue.use(Router)
// 这里最终导出的是一组路由的配置项
export default new Router({
  routes: [
      // 当用户访问根路径的时候 我们展示hellowrold组件
      {
          // 路径
          path: '/',
          // 路邮项的名字
          name: 'home',
          // 路径对应的 vue单页模板
          // component: home
          // 异步组件的写法，一个箭头函数 返回 improt（地址）
          component: () => import('@/pages/home/home')
      },
      {
          // 路径
          path: '/city',
          // 路邮项的名字
          name: 'city',
          // 路径对应的 vue单页模板
          component: () => import('@/pages/city/city')
      },
      {
          // 路径
          path: '/detail/:id',
          // 路邮项的名字
          name: 'detail',
          // 路径对应的 vue单页模板
          component: () => import('@/pages/detail/detail')
      }
  ],
  scrollBehavior (to, from, savedPosition) {
      return { x: 0, y: 0 }
  }
})
